// todo============= 顶部Tab栏=========================
async function top_render() {
    const res = await axios.get('/index/index')
    // console.log(res);
    const newData = res.data.data.allCate
    // console.log(newData);
    document.querySelector('.container ul').innerHTML = newData.map((item) => {
        return `  
        <li class="menu-item menu-item-type-taxonomy menu-item-object-category ">
            <a title="" href="index.html"><span class="fa ${item.icon}"></span>${item.catename}</a>
        </li>
        `
    }).join('')
}
top_render()

//todo =================== 修改用户资料 ==========================
async function User_data_render() {
    const res = await axios.get('/user/update')
    console.log(res);
    // console.log(res.data.data.allLink);2
    // const newData = res.data.data.allLink
    // console.log(newData);
    // document.querySelector('.footer .link').innerHTML = newData.map((item) => {
    //     return ` 
    //     <a href="" title="obj.des">${item.des}</a> <span>|</span>
    //     `
    // }).join('') 
}
User_data_render()

// //todo ================ 底部 友情链接  =======================
async function bottom_render() {
    const res = await axios.get('/index/index')
    // console.log(res);
    // console.log(res.data.data.allLink);
    const newData = res.data.data.allLink
    // console.log(newData);
    document.querySelector('.footer .link').innerHTML = newData.map((item) => {
        return ` 
        <a href="" title="obj.des">${item.des}</a> <span>|</span>
        `
    }).join('')
}
bottom_render()

// //todo ================ 底部 版权 ============================
async function copyright_render() {
    const res = await axios.get('/index/index')
    // console.log(res);
    const newData = res.data.data.config.allData
    // console.log(newData);
    newData.forEach((item) => {
        if (item.id === 55) {
            document.querySelector('.footer p').innerHTML = ` <p>&copy; 2021 <a href="http://blog.weknow.cn">优点达资讯,</a>
            &nbsp;&nbsp;联系邮箱：${item.attr_value}
            &nbsp;&nbsp; <a href="">备案号信息</a>
            </p>`
            // document.querySelector('.footer p').innerHTML = newData.map((item) => {
            //     return `
            // <p>&copy; 2021 <a href="http://blog.weknow.cn">优点达资讯,</a>
            // &nbsp;&nbsp;联系邮箱：${item.attr_value}
            // &nbsp;&nbsp; <a href="">备案号信息</a>
            // </p>
            //     `
            // }).join('')
        }
    });
}
copyright_render()

var laydate = layui.laydate;

//执行一个laydate实例
laydate.render({
  elem: '#time1' //指定元素
});

// 获取头像url
$('#file').on('change', function () {
  // 获取图像
  const file = $(this)[0].files[0]
  // 取消 判断
  if (!file) return

  const url = URL.createObjectURL(file)

  $('.file').attr('src', url)
})

// 将id添加进去 以便收集
const userInfo = localStorage.getItem('userInfo')
const { id } = userInfo
// console.log(id);
$('#id1').val(id)


// 修改操作
$('.add-article').on('submit', async function (e) {
  e.preventDefault()
  // 判断男女
  if ($('#sex1').val() === '男') {
    $('#sex2').val(0)
  } else {
    $('#sex2').val(1)
  }


  // 收集图片数据
  const fd = new FormData($('.add-article')[0])
  const file = $('#file')[0].files[0]

  // 将头像数据加进去
  fd.append('file', file)


  // 发送请求 获取icon
  const imgUrl = await axios.post(`http://124.223.14.236:8060/common/upload?type=images&filename=`, fd)
  const { data: { data: { savePath } } } = imgUrl

  console.log(savePath);
  fd.append('icon', savePath)


  // const res = $('.add-article').serialize()
  // console.log(res);


  // 将fd数据发送给服务器
  await axios.post('/user/update', fd)

  layer.msg('修改成功', {
    icon: 1,
    time: 1500 //2秒关闭（如果不配置，默认是3秒）
  }, function () {
    //do something
    location.href = './user.html'
  });
})

const form = layui.form;

// 数据回显
async function fn() {
  const { data: { data: { userInfo } } } = await axios.get('/user/getUserInfo')

  document.querySelectorAll('.add-article [name]').forEach(ele => {
    // console.log(ele.name);
    // 男女判断和图片不回显
    if (ele.name === 'sex') {
      ele.value = userInfo[ele.name]

      const eq = userInfo.sex === 0 ? '男' : '女'
      // console.log(eq);

      $('#sex1').val(eq)
      return
    }
    if (ele.name == 'icon') {
      return
    }
    ele.value = userInfo[ele.name]
  });

  // 展示用户名
  console.log(userInfo);
  if (localStorage.getItem('token')) {
    $('.slinks .user1').show().siblings('a').hide()
    $('.nickname').show().html('退出')
  }
}
fn()

// 取消按钮
$('#reset').on('click', function () {
  fn()
  layer.msg('已撤回修改');
})

// 退出
$('.nickname').click(function () {
  layer.msg('已登出，正在返回主页', {
    icon: 1,
    time: 2000 //2秒关闭（如果不配置，默认是3秒）
  }, function () {
    localStorage.removeItem('token')
    localStorage.removeItem('userInfo')
    location.href = './user.html'
  });
})


// 点击图片 默认点击上传按钮
$('.file').on('click', function () {
  $('#file').click()
})






